<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${ctxPath}/static/web1/css/common.css" rel="stylesheet" type="text/css" />
<link href="${ctxPath}/static/web1/fonts/iconfont.css"  rel="stylesheet" type="text/css" />
<link href="${ctxPath}/static/web1/css/style.css" rel="stylesheet" type="text/css" />
<script src="${ctxPath}/static/web1/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxPath}/static/web1/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="${ctxPath}/static/web1/js/common_js.js" type="text/javascript"></script>
<script src="${ctxPath}/static/web1/js/footer.js" type="text/javascript"></script>
<title>网站首页</title>
</head>

<body>
<!--顶部样式-->
 @layout("/web1/layout/mallTop.html"){}
<!--幻灯片样式-->
   	<div id="slideBox" class="slideBox">
			<div class="hd">
				<ul class="smallUl"></ul>
			</div>
			<div class="bd">
				<ul>
					<li><a href="#" target="_blank"><div style="background:url(${ctxPath}/static/web1/AD/ad-1.jpg) no-repeat rgb(255, 227, 130); background-position:center; width:100%; height:460px;"></div></a></li>
					<li><a href="#" target="_blank"><div style="background:url(${ctxPath}/static/web1/AD/ad-2.jpg) no-repeat rgb(255, 227, 130); background-position:center ; width:100%; height:460px;"></div></a></li>
					<li><a href="#" target="_blank"><div style="background:url(${ctxPath}/static/web1/AD/ad-3.jpg) no-repeat rgb(226, 155, 197); background-position:center; width:100%; height:460px;"></div></a></li>
                    <li><a href="#" target="_blank"><div style="background:url(${ctxPath}/static/web1/AD/ad-7.jpg) no-repeat #f7ddea; background-position:center; width:100%; height:460px;"></div></a></li>
                    <li><a href="#" target="_blank"><div style="background:url(${ctxPath}/static/web1/AD/ad-6.jpg) no-repeat  #F60; background-position:center; width:100%; height:460px;"></div></a></li>
				</ul>
			</div>
			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>

		</div>
		<script type="text/javascript">
		jQuery(".slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true});
		</script>
 </div>
 <!--内容样式-->
 <div class="index_style">
   <!--推荐图层样式-->
   <div class="recommend">
   <div class="recommend_bg"></div>
			<div class="list">
				<div class="picScroll">
					<div class="hd">
						<a class="prev" href="javascript:void(0)">&gt;</a> <a class="next"
							href="javascript:void(0)">&lt;</a>
					</div>
					<div class="bd">
						<div class="tempWrap">
							<ul>		
					 @var hitList = goods.getHitGoods(13);
				      @for(hit in hitList.list!){
						<li class="recommend_info">
							<div class="img_link">
								<a href="${ctxPath!}/web1/goods/goodsDetail/${hit.id!}" class="">
								<img src="${ctxPath!}/static/upload/project/${hit.img!}"
									width="110px" height="150px"></a>
							</div>
							<div class="content">
								<a href="${ctxPath!}/web1/goods/goodsDetail/${hit.id!}" class="title_name">${hit.title!}</a>
								<h2>
									<i>￥</i>${hit.prices!}
								</h2>
							</div> <a href="${ctxPath!}/web1/goods/goodsDetail/${hit.id!}" class="buy_btn"> 立即购买</a>
						</li>
				        @}
							</ul>
						</div>
					</div>
				</div>
				<script>
					jQuery(".picScroll").slide({
						titCell : ".hd ul",
						mainCell : ".bd ul",
						autoPage : true,
						effect : "leftLoop",
						autoPlay : true,
						vis : 4
					});
				</script>
			</div>
		</div>
  <!--店铺样式-->
  <div class="Shops_style clearfix">
    <div class="title_name">
    <span>鲜盟店铺</span>
    </div>
     <div class="Shops_list clearfix">
     <ul>
      <li>
        <div class="Shops_area"><a href="#">四川成都武侯区</a></div>
        <div class="Shops_address">
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
        </div>
      </li>
      <li>
        <div class="Shops_area"><a href="#">四川成都武侯区</a></div>
        <div class="Shops_address">
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
        </div>
      </li>
       <li>
        <div class="Shops_area"><a href="#">四川成都金牛区</a></div>
        <div class="Shops_address">
         <a href="#">金牛区金沙公交站一点</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
        </div>
      </li>
       <li>
        <div class="Shops_area"><a href="#">四川成都武侯区</a></div>
        <div class="Shops_address">
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
        </div>
      </li>
      <li>
        <div class="Shops_area"><a href="#">四川成都武侯区</a></div>
        <div class="Shops_address">
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
         <a href="#">武侯分店一部</a>
        </div>
      </li>
     </ul>
    </div>
  </div>
  <!--样式-->
  <div class="clearfix">
   <div class="news_P">
    <div class="slideTxtBox">
		  <div class="parHd">
				<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
				<span class="arrow"><a class="next"></a><a class="prev"></a></span>
				<ul><li class="">最新订单</li><li class="on">商城新闻</li></ul>
			</div>
			<div class="parBd">
				<ul class="Order_list">
                 <div class="picMarquee-top">
                 <div class="hd"></div>
                   <div class="bd">
                   <ul>
                    @var orderList = goods.getLatestOrder(8);
     			 @for(order in orderList.list!){
					<li class="clearfix">                   
                    <a href="#" target="_blank" class="img_link"><img src="products/p_56.jpg"  width="60" height="60"/></a>
                    <a href="#" class="name">${order.orderSn!}</a>
                    <h2>总价：<b>￥${order.orderTotalPrice!}</b></h2>
                    <h4>下单时间：${order.createTime!}</h4>
                    </li>	
                   @}
                    </ul>	
                    </div>	
                    </div>
				 <script>jQuery(".slideTxtBox .picMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:2,interTime:50,trigger:"click"});</script>
				</ul>
				<ul>
				@for(art in artList!){
					<li><a href="#" target="_blank">${art.title!}</a></li>	
                @}	
                    
				</ul>				
			</div>
		</div>
        <script type="text/javascript">jQuery(".slideTxtBox").slide({titCell:".parHd li",mainCell:".parBd"});</script>
   </div>
   <div class="Hot_p">
   <!--热销产品-->
   <div class="hot_silde">
     <div class="hd"><em></em>热销产品<ul></ul></div>
    <div class="bd">
     <ul>
      @var selledList = goods.getSellGoods(8);
      @for(selled in selledList.list!){
       <li>
        <a href="${ctxPath!}/web1/goods/goodsDetail/${selled.id!}" class="imglibk">
        <img src="${ctxPath!}/static/upload/project/${selled.img!}" width="160" height="160"/></a>
        <a href="${ctxPath!}/web1/goods/goodsDetail/${selled.id!}" class="name">${selled.title!}</a>
        <div class="infostyle"><span class="price"><i>￥</i>${selled.prices!}</span><span class="Quantity">销量<i>${selled.sellhit!}</i>件</span></div>
       </li>
        @}
     
     </ul>
    </div>
     <a class="next" href="javascript:void(0)">&lt;</a>
      <a class="prev" href="javascript:void(0)">&gt;</a>
   </div>
      <script type="text/javascript">
		jQuery(".hot_silde").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,scroll:4,vis:4,interTime:5000,trigger:"click"});
		</script>
   </div>
  </div>
  <!--新品上市-->
  <div class="Promotions_style">
    <div class="title_name"><i class="iconfont icon-time"></i>新品上市<a href="${ctxPath!}/web1/goods/goodsList" >更多</a></div>
    <div class="list">
     <ul>
      @var xinpinList = goods.getLatestGoods(10 );
      @for(xinpin in xinpinList.list!){
      <li>
      <a href="${ctxPath!}/web1/goods/goodsDetail/${xinpin.id!}" class="Promotions_img">
      <img src="${ctxPath!}/static/upload/project/${xinpin.img!}"  width="180" height="180"/></a>
       <div class="Promotions_line"> 
      <a href="${ctxPath!}/web1/goods/goodsDetail/${xinpin.id!}" class="name">${xinpin.title!}</a>       
       <div class="infostyle"><span class="Price"><b>￥</b>${xinpin.prices!}</span><span class="Original_price">￥${xinpin.prices!}</span></div>
       <div class="time">${xinpin.createDate!}</div>
       </div>
      </li>
        @}
        
      
          
     </ul>
    </div>
  </div>
  <div class="AD_tu"><a href="#"><img src="${ctxPath}/static/web1/AD/ad-4.jpg"  width="1200" height="120"/></a></div>
  
  
  
  <!--产品类样式-->
  @for(sp in spList!){
  <div class="product_Sort">
   <div class="title_name"><span class="floor">${spLP.index }F</span><span class="name">${sp.name!}</span>
   <span class="link_name">
   @for(ty in typeList!){
		<a target="_blank" href="${ctxPath}/front/goods/goodsListBygcTypeId/${ty.id!}">${ty.name!}</a> 
   @}
   </span></div>
   <div class="Section_info clearfix">
    <div class="product_AD">
      <div class="pro_ad_slide">
       <div class="hd">
        <ul><li class="on">1</li><li class="">2</li></ul>
       </div>
       <div class="bd">
        <ul>
        <li style="display: list-item;"><a href="#"><img src="${ctxPath!}/static/upload/floorAdv/${sp.advimg!}" width="398" height="469"></a></li>
        <li style="display: none;"><a href="#"><img src="${ctxPath!}/static/upload/floorAdv/${sp.advimg!}" width="398" height="469"></a></li>
        </ul>
       </div>
        <a class="prev" href="javascript:void(0)"><em class="arrow"></em></a>	   
         <a class="next" href="javascript:void(0)"><em class="arrow"></em></a>
     </div>
     <script type="text/javascript">
		jQuery(".pro_ad_slide").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:6000});
		</script>
    </div>
    <!--产品列表-->
    <div class="pro_list">
      <ul>
      @var goodsList = productClass.getProductByFloorid(sp.id);
      @for(goods in goodsList!){
       <li>
        <a href="${ctxPath!}/web1/goods/goodsDetail/${goods.id!}">
        <img src="${ctxPath!}/static/upload/project/${goods.img!}" width="180px" height="160px" /></a>
        <a href="${ctxPath!}/web1/goods/goodsDetail/${goods.id!}" class="p_title_name">${goods.title!}</a>
        <div class="Numeral"><span class="price"><i>￥</i>${goods.prices!}</span><span class="Sales">销量<i>${goods.sellhit!}</i>件</span></div>
       </li>
     @}
      </ul>
     </div>
   </div> 
  </div>
  @}
    
  <!--猜你喜欢样式-->
<div class="like_p">
    <div class="title_name"><span>猜你喜欢</span></div>
    <div class="list">
      <ul class="list_style">
       @var commendList = goods.getCommendGoods(8);
      @for(commend in commendList.list!){
       <li class="p_info_u">
        <a href="${ctxPath!}/web1/goods/goodsDetail/${commend.id!}" class="p_img"><img src="${ctxPath!}/static/upload/project/${commend.img!}" /></a>
        <a href="${ctxPath!}/web1/goods/goodsDetail/${commend.id!}" class="name">${goods.title!}</a>
        <div class="Numeral"><span class="price"><i>￥</i>${commend.prices!}</span><span class="Sales">销量<i>345</i>件</span></div>
       </li>
        @}
      </ul>
    </div>
  </div>
  </div>
  
   @layout("/web1/layout/mallFooter.html"){}
</body>
</html>
